<template>
<view class="container">
	
    <view class="top_logo">
		<image :src="logo_url" class="logo" mode="widthFix"></image>
	</view>
	<view class="xian"></view>
	
	<view class="story_box">
		<view><image :src="about_thumb" class="store_pic" mode="widthFix"></image></view>
		<view class="cont" style="margin-top: 16rpx;" v-if="descript == ''">{{$t('about_info1')}}</view>
		<view class="cont" style="margin-top: 26rpx;"  v-if="descript == ''">{{$t('about_info2')}}</view>
		<view class="cont" style="margin-top: 16rpx;" v-if="descript != ''"><rich-text :nodes="descript" style="line-height: 46rpx;"></rich-text></view>
		
		
		<view style="height: 52rpx;"></view>
		<view class="tit">{{qiantai.name}}</view>
		<view style="margin-top: 40rpx;"><image :src="qiantai.thumb" class="store_pic" mode="widthFix"></image></view>
		
		<view style="height: 52rpx;"></view>
		<view class="tit">{{gongzuoshi1Data.name}}</view>
		<view style="margin-top: 40rpx;"><image :src="gongzuoshi1Data.thumb" class="store_pic" mode="widthFix"></image></view>
		
		<view style="height: 52rpx;"></view>
		<view class="tit">{{gongzuoshi2Data.name}}</view>
		<view style="margin-top: 40rpx;"><image :src="gongzuoshi2Data.thumb" class="store_pic" mode="widthFix"></image></view>
		
		
		<view style="height: 52rpx;"></view>
		<view class="tit">{{gongzuoshi3Data.name}}</view>
		<view style="margin-top: 40rpx;"><image :src="gongzuoshi3Data.thumb" class="store_pic" mode="widthFix"></image></view>
		
		
		<view style="height: 52rpx;"></view>
		<view class="tit">{{gongzuoshi4Data.name}}</view>
		<view style="margin-top: 40rpx;"><image :src="gongzuoshi4Data.thumb" class="store_pic" mode="widthFix"></image></view>
	</view>
	<view style="height: 60rpx;"></view>
</view>
</template>

<script>
import baseUrl from '@/utils/siteInfo.js';
import {getArticleDetail} from '@/api/article.js';
import { getAboutBanner } from '@/api/banner.js';
export default {
	data() {
	  return {
		  logo_url: baseUrl.imgroot + '/static/picture/cropped-space.jpeg',
		  banner1: baseUrl.imgroot + '/static/picture/spacestudio1.jpg',
		  banner2: baseUrl.imgroot + '/static/picture/spacestudio2.jpg',
		  banner3: baseUrl.imgroot + '/static/picture/spacestudio3.jpg',
		  banner4: baseUrl.imgroot + '/static/picture/spacestudio4.jpg',
		  descript: '',
		  about_thumb:'/static/index/store1.png',
		  gongzuoshi1Data:{},
		  gongzuoshi2Data:{},
		  gongzuoshi3Data:{},
		  gongzuoshi4Data:{},
		  qiantai:{}
		  
	  }
	},
	onLoad(option) {
		
	},
	onShow() {
		this.getArticleDetailFunction();
		this.getAboutBannerFunc();
	},
	methods:{
		getArticleDetailFunction(){
			getArticleDetail({id:1}).then(res=>{
				if(res.code == 0){
					this.descript = res.data.descript;
					this.about_thumb = res.data.thumb
				}
			})
		},
		getAboutBannerFunc(){
			getAboutBanner().then(res=>{
				if(res.code == 0){
					 this.gongzuoshi1Data = res.data.gongzuoshi1;
					 this.gongzuoshi2Data = res.data.gongzuoshi2;
					 this.gongzuoshi3Data = res.data.gongzuoshi3;
					 this.gongzuoshi4Data = res.data.gongzuoshi4;
					 this.qiantai = res.data.qiantai;
				}
			})
		},
	}
}
</script>

<style>
page{
  background: #040404;
  font-family: "Roboto", Sans-serif;
  /* background: #e1e1e1; */
}
.top_logo .logo{
	width: 60%;
	height: auto;
	margin-left: 20%;
}
.xian{
	height: 5rpx;
	border-bottom: 2rpx solid #fff;
}
.story_box{
	width: 100%;
	overflow: hidden; 
	 padding: 80rpx 60rpx;
	 color: #fff;
}
.story_box .tit{
	text-align: center;
	font-size: 34rpx;
	font-weight: 600;
	 color: #fff;
	 margin-bottom: 20rpx;
}
.story_box .tit2{
	font-size: 28rpx;
	font-weight: 600;
	 color: #fff;
	 margin-bottom: 20rpx;
}
.story_box .cont{
	line-height: 54rpx;
	font-size: 28rpx;
}
.store_pic{
	width: 100%;
}
</style>